<!DOCTYPE html>
<html>
<head>
    <title>代码生成器</title>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="plugins/jqgrid/ui.jqgrid-bootstrap.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <script src="libs/jquery.min.js"></script>
    <script src="plugins/layer/layer.js"></script>
    <script src="libs/bootstrap.min.js"></script>
    <script src="libs/vue.min.js"></script>
    <script src="plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="js/common.js"></script>

    <script language="JavaScript">
        function IninDepart(){
            var param = {};
            //清空select列表数据
        　　$("#selectSM").remove();
        　　var state = 1;
        　　$.ajax({
        　　　　type : "POST",
        　　　　url : "/datasource/page",
               contentType: "application/json;charset=UTF-8",
        　　　　dataType : "JSON",
        　　　　data : JSON.stringify(param),
        　　success : function(msg)
        　　{
            //添加第一个option值
    　　　　$("#selectSM").prepend("<option value=''>请选择数据源</option>");
    　　　　for (var i = 0; i < msg.data.list.length; i++) {
        　　　　//如果在select中传递其他参数，可以在option 的value属性中添加参数
        　　　　$("#selectSM").append("<option value='"+msg.data.list[i].id+"'>"+msg.data.list[i].name+"</option>");
　　        }

        　　},error:function(){
        　　          alert("获取数据失败","error");
        　　}
        　　});
        }
        IninDepart();
    </script>
</head>
<body>
<div id="rrapp">

    <div class="clearfix gennerator-search">
        <div class="form-group col-sm-2">
            <select id="selectSM" @keyup.enter="ds" v-model="q.ds"
                    style="width:200px;height: 30px;margin-top: 5px;margin-bottom: 5px;margin-left: 10px">
            </select>
        </div>

        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <input @keyup.enter="query" class="form-control" placeholder="表名" type="text" v-model="q.tableName">
            </div>
            <a @click="query" class="btn btn-default">查询</a>
        </div>
    </div>

    <div class="clearfix gennerator-search">
        <div class="form-group col-sm-2">
            <input @keyup.enter="query" class="form-control" placeholder="输入表前缀" type="text"
                   v-model="q.tp">
        </div>

        <div class="form-group col-sm-2">
            <input @keyup.enter="query" class="form-control" placeholder="输入groupId" type="text"
                   v-model="q.groupId">
        </div>

        <div class="form-group col-sm-2">
            <input @keyup.enter="query" class="form-control" placeholder="输入artifactId" type="text"
                   v-model="q.artifactId">
        </div>

        <span style="margin-right: 12px">
            <input id="frameworkCode" type="checkbox"/>包含框架
        </span>

        <a @click="generator" class="btn btn-primary"><i class="fa fa-file-code-o"></i>&nbsp;生成代码</a>
    </div>

    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>
</div>
<script src="js/generator.js"></script>
</body>
</html>